<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="top">
        <p>北京</p>
        <div class="sousuoinput">
            <p><img src="./icons/footer_2_default.png" alt=""></p>
            <input type="text" placeholder="输入小区名称或商圈">
        </div>
        <div class="pic">
            <img src="./icons/header_news.png" alt="">
        </div>
    </div>
    <div class="box">
        <div class="pic">
            <img src="./imgs/banner.png" alt="">
        </div>
        <div class="dian">
            <p class="dian-p"></p>
            <p></p>
            <p></p>
        </div>
        <div class="liangzhangtu">
            <div class="pic">
                <img src="./icons/nav_1.png" alt="">
            </div>
            <div class="pic">
                <img src="./icons/nav_2.png" alt="">
            </div>
        </div>
        <div class="youhui">
            <div class="shang">
                <p class="chaozhi">超值优惠</p>
                <p class="pic"><img src="./icons/content_icon_next.png" alt=""></p>
            </div>
            <div class="xia">
                <div class="zufang">
                    <div class="yupian">
                        <img src="./imgs/content_tu_home_left@2x.png" alt="">
                    </div>
                    <h4>宝石花园</h4>
                    <p class="chaoyangqv">朝阳区-2室1厅-90m^</p>
                    <p class="mian">￥7800/月</p>
                </div>
                <div class="zufang">
                    <div class="yupian">
                        <img src="./imgs/content_tu_home_right@2x.png" alt="">
                    </div>
                    <h4>宝石花园</h4>
                    <p class="chaoyangqv">朝阳区-2室1厅-90m^</p>
                    <p class="mian">￥7800元/月</p>
                </div>
            </div>
        </div>
        <div class="guanggao">
            <img src="./imgs/ggwei_home.png" alt="">
        </div>
        <div class="liebaio">
            <div class="tou">
                <p class="chaozhi">为你推荐</p>
                <div class="you">
                    <div class="ziti zitiziti">
                        <p class="zhengzu">整租</p>
                        <p class="xiahuaxian"></p>
                    </div>
                    <div class="ziti zitizi">
                        <p class="zhengzu zheng">合租</p>
                    </div>
                </div>
            </div>
            <div class="jiao">
                <div class="left">
                    <img src="./imgs/home_list_tu1@2x.png" alt="">
                </div>
                <div class="ritht">
                    <h4>整租-保利家园7号院1号楼</h4>
                    <p>朝阳区<span>|</span> 2室1厅<span>|</span>90m^</p>
                    <p class="sins-line">地铁地铁地铁地铁地铁地铁地铁地铁地铁地铁地铁</p>
                    <div class="yangtai">
                        <span>独卫</span>
                        <span class="hanyangtai">含阳台</span>
                    </div>
                    <h5>￥7800 <span class="yve">元/月</span> </h5>
                </div>
            </div>
            <div class="jiao">
                <div class="left">
                    <img src="./imgs/home_list_tu2@2x.png" alt="">
                </div>
                <div class="ritht">
                    <h4>整租-保利家园7号院1号楼</h4>
                    <p>朝阳区<span>|</span> 2室1厅<span>|</span>90m^</p>
                    <p class="sins-line">地铁地铁地铁地铁地铁地铁地铁地铁地铁地铁地铁</p>
                    <div class="yangtai">
                        <span>独卫</span>
                        <span class="hanyangtai">含阳台</span>
                    </div>
                    <h5>￥7800 <span class="yve">元/月</span> </h5>
                </div>
            </div>
            <div class="jiao">
                <div class="left">
                    <img src="./imgs/home_list_tu3@2x.png" alt="">
                </div>
                <div class="ritht">
                    <h4>整租-保利家园7号院1号楼</h4>
                    <p>朝阳区<span>|</span> 2室1厅<span>|</span>90m^</p>
                    <p class="sins-line">地铁地铁地铁地铁地铁地铁地铁地铁地铁地铁地铁</p>
                    <div class="yangtai">
                        <span>独卫</span>
                        <span class="hanyangtai">含阳台</span>
                    </div>
                    <h5>￥7800 <span class="yve">元/月</span> </h5>
                </div>
            </div>
            <div class="jiao">
                <div class="left">
                    <img src="./imgs/home_list_tu4@2x.png" alt="">
                </div>
                <div class="ritht">
                    <h4>整租-保利家园7号院1号楼</h4>
                    <p>朝阳区<span>|</span> 2室1厅<span>|</span>90m^</p>
                    <p class="sins-line">地铁地铁地铁地铁地铁地铁地铁地铁地铁地铁地铁</p>
                    <div class="yangtai">
                        <span>独卫</span>
                        <span class="hanyangtai">含阳台</span>
                    </div>
                    <h5>￥7800 <span class="yve">元/月</span> </h5>
                </div>
            </div>
            <div class="jiao">
                <div class="left">
                    <img src="./imgs/home_list_tu5@2x.png" alt="">
                </div>
                <div class="ritht">
                    <h4>整租-保利家园7号院1号楼</h4>
                    <p>朝阳区<span>|</span> 2室1厅<span>|</span>90m^</p>
                    <p class="sins-line">地铁地铁地铁地铁地铁地铁地铁地铁地铁地铁地铁</p>
                    <div class="yangtai">
                        <span>独卫</span>
                        <span class="hanyangtai">含阳台</span>
                    </div>
                    <h5>￥7800 <span class="yve">元/月</span> </h5>
                </div>
            </div>
        </div>
        <div class="bainkuang">
            <p>查看更多优质房源</p>
        </div>
        <div class="xiatupian">
            <img src="./imgs/gushirukou_home.png" alt="">
        </div>
    </div>
    <div class="foot">
        <ul>
            <li class="shouye">
                <p class="iconfont icon-home" ></p>
                <h3>首页</h3>
            </li>
            <li>
                <p class="iconfont icon-search" ></p>
                <h3>快速找房</h3>
            </li>
            <li>
                <p class="iconfont icon-agent" ></p>
                <h3>委托代理</h3>
            </li>
            <li>
                <p class="iconfont icon-my" ></p>
                <h3>我的</h3>
            </li>
        </ul>
    </div>
        <script src="./flexible.js"></script>
</body>

</html>